<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width"/>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
<meta http-equiv="X-UA-Compatible" content = "IE=edge,chrome=1"/>
<meta name="description" content="安装通是安装行业首家b2b采供服务平台，整合了安装行业采/供应商,通过云平台,大数据,为企业提供产品信息、企业推广、询报价等服务。电话：400-848-1365。">
<meta name="keywords" content="网上采供服务平台,网上集采平台,建筑安装平台,弱电设备安装,消防报警系统安装,安防监控系统安装,通风设备安装,通风工程施工,消防工程材料批发">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> -->
<title>安装通 - 中国智慧安装采供服务平台 </title>
<link href="/res/css/index/index.css" rel="stylesheet">
    <style>
        .iterm4 .w1200 .rightTable ul .tiltle:hover {
            color: #666;
        }
	</style>
</head> 
<body class="userCenter">
[#assign link="index" /]
	<ul class="rightConnect">
		<li style="border: none;height: 46px;">
			<img src="/res/images/respective/mall/righConn/help_03.png" alt="" />
		</li>
		<li class="bridge" onclick="window.open('http://p.qiao.baidu.com/cps/chat?siteId=9877708&userId=22155209')">
		</li>
		<li class="qq">
			<ul class="qqCont">
				<li> 
					<button type="button" onclick="window.open('http://wpa.qq.com/msgrd?v=3&amp;uin=2853909665&amp;site=qq&amp;menu=yes')">采购商咨询</button>
					<button type="button" class="orgButt" onclick="window.open('http://wpa.qq.com/msgrd?v=3&amp;uin=2853909666&amp;site=qq&amp;menu=yes')">供应商咨询</button>
				</li>
			</ul>
		</li>
		<li class="tel">
			<ul class="telCont">
				<li>
				</li>
			</ul>
		</li>
		<li class="weixin">
			<ul class="weixinCont">
				<li>
				</li>
			</ul>
		</li>
		<li class="arrow" onclick="toTop();"></li>
	</ul>
	[#include "/front/common/front_head.html"]
	 <div class="iterm1">
		[@advertise_template code='INDEX_BANNER' /]
	 </div>
	 <div class="iterm2">
	 	<div class="w1200" style="overflow: hidden;"> 
	 		<div class="right" style="vertical-align: top;width: 590px;">
	 			<h3 class="comRole" style="color: rgb(254, 169, 16);">我是供应商</h3>
	 			<div class="comRoleIcon" style="background-image: url(/res/images/respective/mall/comRole_07.png);width: 195px;">
	 				 
	 				<h5>海量询价</h5>
	 				<button type="button" onclick="window.open('/xmh')">立即报价</button>
	 			</div> 
	 			<div class="comRoleIcon" style="background-image: url(/res/images/respective/mall/comRole_09.png);width: 195px;">
	 				 
	 				<h5>抢占商机</h5>
	 				<button class="sec" style="margin-left: 0;" type="button" onclick="window.open('/member/apply')">加入集采</button>
	 			</div>   
	 		</div>
	 		
	 		<div class="left" style="width: 590px;">
	 			<h3 class="comRole">我是采购商</h3>
	 			<div class="comRoleIcon">
	 				 
	 				<h5>服务好、质量优</h5>
	 				<button type="button" onclick="window.open('/enquiry/all/choose')">免费询价</button> 
	 			</div> 
	 			<div class="comRoleIcon" style="background-image: url(/res/images/respective/mall/comRole_05.png);width: 180px;">
	 				 
	 				<h5>省钱、更省心</h5>
	 				<button class="sec" style="margin-left: 0;" type="button" onclick="window.open('/entrust')">委托采购</button>
	 			</div>  
	 		</div>
	 	</div>
	 </div>
	 <div class="iterm3">
	 	<div class="w1200">
	 		<div style="float: left;margin-left: 70px;">
	 			<img src="/res/images/respective/mall/mall3_06.png"/>
	 			<div class="rightIntro">
	 				<h3>询价单数量</h3>
	 				<strong>${enquiryCount + 4000}单</strong>
	 			</div>
	 		</div>
	 		<div>
	 			<img src="/res/images/respective/mall/mall3_09.png"/>
	 			<div class="rightIntro">
	 				<h3>入驻企业</h3>
	 				<strong>${userCount!}家</strong>
	 			</div>
	 		</div>
	 		<div style="float: right;margin-right: 70px;">
	 			<img src="/res/images/respective/mall/mall3_03.png"/>
	 			<div class="rightIntro">
	 				<h3>平台交易量</h3>
	 				<strong>[#if (totalPrice!?string)?length > 5]${((totalPrice!0)/10000)?string(".##")}&nbsp;亿[#else]${totalPrice!?string(".##")}&nbsp;万[/#if]</strong>
	 			</div>
	 		</div>
	 	</div>
	 </div>
	 <div class="iterm4">
	 	<div class="w1200">
	 		<table class="leftTable">
	 			<caption>
	 				<div>
	 					<strong>最新询价单</strong>
	 					<a href="/xmh" target="_blank">查看更多>></a>
	 				</div>
	 			</caption>
	 			<tbody>
				[#list enquiryList as enquiry]
                <tr>
                    <td>
						[#if enquiry.qtype == 1]
                            <img alt="" src="/res/images/respective/mall/mall4_06.png">
						[#else]
							<img alt="" src="/res/images/respective/mall/mall4_03.png">
						[/#if]
                        <em class="fs16 tiltle" onclick="window.open('/xmh/${enquiry.enquiryId!}')">${enquiry.enquiryName!}  [${enquiry.provinceName!}]</em>
                        <h5>
                            <em class="gray">${enquiry.hiddenCompanyName!}</em>
                            <em class="fs14">询价产品：</em>
                            <strong class="fs16 org">${enquiry.productNum!}</strong> <strong class="org">件</strong>
                        </h5>
                    </td>
                    <td>
                        <h5 style="margin-top: 0;">
                            <em class="fs14">[#if enquiry.deadlineStr??]剩余时间： ${enquiry.deadlineStr!}[#else]&nbsp;[/#if]</em>
                        </h5>
                        <h5>
                            <em class="fs14">报价数：${enquiry.quoteNum!}   浏览：${enquiry.viewNum!}</em>
                        </h5>
                    </td>
                    <td style="padding-right: 15px;"><button class="detail" type="button" onclick="window.open('/xmh/${enquiry.enquiryId!}')">查看详情</button></td>
                </tr>
				[/#list]
	 			</tbody>
	 		</table>
	 		<table class="leftTable rightTable">
	 			<caption>
	 				<div>
	 					<strong>最新成交</strong>
	 				</div>
	 			</caption>
	 			<tbody>
	 				<tr>
	 					<td>
                            <div style="height: 455px;overflow: hidden;">
	 						<ul class="lunBo">
								[#list orderList as order]
	 							<li>
	 								<em class="tiltle">${order.enquiryName!}</em>
			 						<h5>
			 							<em class="gray fs12">成交时间：${order.ordertime?string("yyyy-MM-dd HH:mm")!}</em>
			 							<em class="fs14">获得报价<em class="org">${order.quoteNum!}</em>家</em>
			 						</h5>
	 							</li>
								[/#list]
	 						</ul>
	 						</div>
	 					</td>
	 				</tr>
	 			</tbody> 
	 		</table>
	 		<table class="leftTable rightTable" style="margin-top: -7px;border: 1px dashed #ebebeb;">
	 			<tfoot>
	 				<tr style="border: none;">
	 					<td style="position: relative;border: none;">
	 						<div class="zindButt">
	 							<button type="button" class="blueBack" onclick="window.open('/enquiry/all/choose')">我要询价</button>
	 							<button type="button" class="dft" onclick="window.open('/xmh')">我要报价</button>
	 						</div>
	 						<img alt="" src="/res/images/respective/mall/mall41_03.png">
	 					</td>
	 				</tr>
	 			</tfoot>
	 		</table>
	 	</div>
	 </div>
	 <div class="iterm5">
	 	<div class="w1200">
	 		<h4>集采品牌</h4>
	 		<h6 class="fs14">大牌入驻，品质保证，集中采购，众品低价</h6>
	 		<div>
	 			<ul class="brand">
					[#list brandList as brand]
                        <li style="cursor: pointer;[#if brand_index == 0]margin-left: 0;[/#if]" onclick="window.open('${brand.urlPath!}')">
                            <div class="comName" style="padding-top: 0px;">
                                <img src="${brand.productImg!}"/>
                                <div class="logo">
                                    <div>
                                        <img src="${brand.logo!}" alt="${brand.companyName!}"/>
                                        <h6>${brand.brandName!}</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="comType">
                                <h5>${brand.companyName!}</h5>
                                <h6>主营类目：[@content_cut content=brand.categoryNames! len=30 ending="..."/]</h6>
                            </div>
                        </li>
						[#if brand_has_next]
						    <li class="nav5"></li>
						[/#if]
					[/#list]
	 			</ul>
	 			<img class="pre" alt="" src="/res/images/respective/mall/mall5_06.png" onclick="pre();"/>
	 			<img class="next" alt="" src="/res/images/respective/mall/mall5_03.png" onclick="next();"/>
	 		</div>
			<button style="margin-top: 20px;" type="button" class="blueBack" onclick="window.open('/brand/list')">更多品牌>></button>
	 	</div>
	 </div>
	 <div class="iterm6">
	 	<div class="w1200" id="companyDiv">
	 		<h4 style="margin-top: 25px;">名企推荐</h4>
	 		<h6 class="fs14">众多名企，无限商机</h6>
				[#list companyList as companys]
                <ul>
					[#list companys as company]
						<li onclick="window.open('${company.urlPath!}')" [#if companys_index > 2 || ((companyList?size * companys?size > 15) && companys_index == 2 && company_index == 4)]style="display: none;"[/#if]>
							<img alt="${company.companyName!}" src="${company.logo!}" style="max-width: 200px; max-height: 100px;"/>
							<p onclick="window.open('${company.urlPath!}')">${company.companyName!}</p>
						</li>
						[#if company_has_next]<li class="nav6"></li>[/#if]
						[#if (companyList?size * companys?size > 15) && companys_index == 2 && company_index == 4]
                            <li class="zhanKai">
                                <a href="javascript:moreCompany()">展开>></a>
                            </li>
						[/#if]
					[/#list]
				</ul>
				[/#list]
	 	</div>
	 </div>
	 <div class="iterm7">
	 	[@advertise_template code='INDEX_CENTER' /]
	 </div>
	 <div class="iterm8">
	 	<div class="w1200">
	 		<ul>
	 			<li class="intro" style="border-bottom: none;" onclick="window.open('/content/list/${newsList1[0].channelId!}')">
	 				<p>行业资讯</p>
	 			</li>
			[#list newsList1 as news]
				<li [#if news_index == 0]style="padding-top: 15px;"[/#if] ><a href="/content/detail/${news.id!}" target="_blank">${news.title!}</a></li>
			[/#list]
	 		</ul>
	 		<ul class="nav8"></ul>
	 		<ul>
	 			<li class="intro intro2" style="border-bottom: none;" onclick="window.open('/content/list/${newsList2[0].channelId!}')">
	 				<p>新产品新技术</p>
	 			</li>
			[#list newsList2 as news]
                <li [#if news_index == 0]style="padding-top: 15px;"[/#if] ><a href="/content/detail/${news.id!}" target="_blank">${news.title!}</a></li>
			[/#list]
	 		</ul>
	 		<ul class="nav8"></ul>
	 		<ul>
	 			<li class="intro intro3" style="border-bottom: none;" onclick="window.open('/content/list/${newsList3[0].channelId!}')">
	 				<p>平台大事记</p>
	 			</li>
			[#list newsList3 as news]
                <li [#if news_index == 0]style="padding-top: 15px;"[/#if] ><a href="/content/detail/${news.id!}" target="_blank">${news.title!}</a></li>
			[/#list]
	 		</ul>
	 	</div>
	 </div>
	 <div class="iterm9">
	 	[@advertise_template code='INDEX_BOTTOM' /]
	 </div>
	 [#include "/front/common/front_foot.html"]

    <script type="text/javascript">
        /*返回顶部**/
        $(window).scroll(function(){
            var scrollTop=$(document).scrollTop();
            if((scrollTop > 500)|(scrollTop==500)){
                $(".rightConnect li.arrow").show();
            }
            if(scrollTop <500){
                $(".rightConnect li.arrow").hide();
            }
        }).trigger('scroll');
        /*焦点图**/
        var i2=0;//品牌步数
        var i3=0;//成交量步数
        var brandSz=Math.ceil($(".iterm5 ul.brand").find(".comName").size()/4);//品牌屏量
        var chJiaoSz=$(".iterm4 .w1200 .rightTable ul.lunBo").find("li").size();//最新成交量
        var maxPy=chJiaoSz-7;//成交li最大偏移步数
        var bann2=setInterval("bannTwo()",3000);
        function bannTwo(){
            $(".iterm4 .w1200 .rightTable ul.lunBo li:eq(0)").css("margin-top",-i3*66);
            i3++;
            if(i3>maxPy){
                i3=0;
            }
        }

        $(function(){ 
        	$(".iterm5 .w1200>div").hover(function(){
        		$(".iterm5 .pre").show();
        		$(".iterm5 .next").show();
        	},function(){
        		$(".iterm5 .pre").hide();
        		$(".iterm5 .next").hide();
        	});
        	$(".iterm5 .w1200>div img[class]").each(function(){
                $(this).hover(function() {
                    $(this).stop(true,false).animate({"opacity":"0.5"},300);
                },function() {
                    $(this).stop(true,false).animate({"opacity":"0.2"},300);
                });
            });  
            $(".rightConnect li").hover(function(){
                $(this).siblings("li").find("ul").hide();
                $(this).find("ul").show();
            },function(){
            	 $(this).find("ul").hide();
            }); 

            $(".iterm8 .w1200 li.intro").hover(function(){
                $(this).children("p").css("opacity",'0');
                $(this).children("p").animate({
                    paddingTop:'45px',
                    opacity:"1"
                },500);
                $(this).children("p").css("background","url(/res/images/respective/mall/hovIcon_03.png) center top no-repeat");
            },function(){
                $(this).children("p").animate({
                    paddingTop:'0px'
                },500);
                $(this).children("p").css("background","none");
            });
        });
        /*上一个**/
        function pre(){
            var mgl=$(".iterm5 ul.brand li:eq(0)").css("margin-left");
            if(mgl=="0px"){
                i2=-(brandSz-1);
                $(".iterm5 ul.brand li:eq(0)").css("margin-left",i2*1225);
            }else{
                i2++;
                $(".iterm5 ul.brand li:eq(0)").css("margin-left",i2*1225);
            }
        }
        /*下一个**/
        function next(){
            var mgl=$(".iterm5 ul.brand li:eq(0)").css("margin-left");
            if(mgl==-1225*(brandSz-1)+"px"){
                i2=0;
                $(".iterm5 ul.brand li:eq(0)").css("margin-left",i2*1225);
            }else{
                i2--;
                $(".iterm5 ul.brand li:eq(0)").css("margin-left",i2*1225);
            }
        }
        /*返回顶部**/
        function toTop(){
            $(document).scrollTop("0px");
        }

        //展开名企推荐
        function moreCompany() {
            $('#companyDiv li.zhanKai').hide();
            $('#companyDiv li').not('.zhanKai').show();
        }
    </script>
</body>
</html>
